<template>
  <div class="about">
    <div class="dox1"></div>
  </div>
</template>

<style lang="scss">
  .about{
    .dox1{
      position: relative;
      margin: 0 auto;
      width: 200px;
      height: 200px;
      background-color: pink;
      transition: all 1s;
      &::after{
        content: "";
        display: block;
        position: absolute;
        left: 50px;
        top: 50px;
        width: 100px;
        height: 100px;
        background-color: green;
      }
      &:hover{
        width: 240px;
        height: 240px;
        background-color: yellow;
      }
    }
  }
</style>
